<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>登录</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/style.css">
  <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
  <script src="js/resize.js"></script>
</head>
<body class="layui-layout-body">

<div class="login-head">
  <img src="images/logo.jpg" alt="思联画饰">
</div>

<div class="login-cont">
  <h3>登录账户</h3>
  <div class="form-content">
    <form class="layui-form" action="">
      <div class="layui-form-item">
        <div class="ly-select login-select">
          <select  name="" lay-verify="">
            <option value="">请选择账户</option>
            <option value="010">广东展览会名称有限公司</option>
            <option value="021">上海会名称展览有限公司</option>
            <option value="021">北京会名称展览有限公司</option>
          </select>   
        </div>
      </div>
      <div class="layui-form-item">
        <input type="text" name="" lay-verify="" autocomplete="off" placeholder="请输入密码*" class="layui-input layui-input-wd1">
      </div>
      <div class="layui-form-item">
        <button type="button" class="layui-btn">登入账户</button>
        <p>*若登录不成功，请与管理员联系</p>
      </div>
    </form>
  </div>
</div>

<script src="./layui/layui.js"></script>
<script>


//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});

//Demo
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer

  //自定义验证规则
  form.verify({
    title: function(value){
      if(value.length < 5){
        return '标题至少得5个字符啊';
      }
    }
  });
  
  
  //监听提交
  form.on('submit(demo1)', function(data){
    layer.alert(JSON.stringify(data.field), {
      title: '最终的提交信息'
    })
    return false;
  });
 


});


</script>
</body>
</html>